.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #fff;

  .van-search {
      width: 80%;
  }

  .txt {
      margin-right: 30px;
  }
}

.init {
  background-color: #fff;



  .hot {
      display: flex;
      justify-content: start;
      flex-direction: column;
      margin-top: 20px;

      li:nth-child(1) {
          font-size: 20px;
          color: #9F0606;
          letter-spacing: 0;
          font-weight: 400;
      }

      span {
          height: 37px;
          margin: 42px 39px 28px;
      }

      .hot-txt {
          width: 114px;
          height: 37px;
          font-size: 26px;
          color: #333333;
          letter-spacing: 0;
          font-weight: 500;
      }
  }

  .history {
      border-top: 1px solid rgba(232, 232, 232, 1);

      .history-txt {
          width: 670px;
          margin: 40px 40px 28px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 26px;
          color: #333333;
          letter-spacing: 0;
          font-weight: 500;
      }
  }

  .hotKeywordList,
  .historyData {
      display: flex;
      justify-content: start;
      flex-wrap: wrap;
      align-items: center;
      margin-left: 39px;

      .hotKeywordList-item,
      .historyData-item {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 10px 25px;
          margin-right: 8px;
          border: 1px solid #cfcece;
          color: #666666;
          // letter-spacing: 0;
          // font-weight: 400;
          margin-bottom: 12px;
      }

      // .hotKeywordList-item::after{
      //     content: '';
      //     width: 190px;
      // }
  }

}

.notice {
  .noticeList {
      display: flex;
      flex-direction: column;
      li:last-child{
          border-bottom: 1px solid rgba(151, 151, 151, .15);
          
      }
      .notice-item {
          width: 100%;
          height: 107px;
          display: flex;
          justify-content: space-between;
          align-items: center;
         
          border-top: 1px solid rgba(151, 151, 151, .15);

          .txt-l {
              margin-left: 52px;
          }

          .txt-r {
              margin-right: 34px;
          }
      }
  }
}

.footer-goods {
  .newGoodList {
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;

      li:last-child {
          width: 350px;
          height: 0;
      }

      .newGoodList-item {
          width: 350px;
          background-color: #fff;

          .img {
              width: 298px;
              height: 298px;
          }

          .goods-txt {
              width: 350px;
              background-color: #f6f7f9;
              display: flex;
              justify-items: center;
              align-items: flex-start;
              flex-direction: column;

              .txt-t {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  font-size: 26px;
                  color: #333333;
                  letter-spacing: 0;
                  font-weight: 500;
              }

              .txt-b {
                  font-size: 26px;
                  color: #9E4242;
                  letter-spacing: 0;
                  font-weight: 400;
              }

          }
      }
  }
}